/**
 * @功能描述: 对象描述组件demo
 * @author: lzn
 * @date: 2022-09-27 18:59:47
 * @version: 1.0
 */
<script setup>

</script>

<template>
  <div class="yw-descriptions">
    <div class="descriptions-header">
      user info
    </div>
    <div class="descriptions-view">
      <table>
        <tbody>
          <tr class="descriptions-row">
            <td class="descriptions-item">
              <div class="descriptions-container">
                <span class="descriptions-item-label">label</span>
                <span class="descriptions-item-content">content</span>
              </div>
            </td>
            <td class="descriptions-item">
              <div class="descriptions-container">
                <span class="descriptions-item-label">label</span>
                <span class="descriptions-item-content">content</span>
              </div>
            </td>
            <td class="descriptions-item">
              <div class="descriptions-container">
                <span class="descriptions-item-label">label</span>
                <span class="descriptions-item-content">content</span>
              </div>
            </td>
          </tr>
          <tr class="descriptions-row">
            <td class="descriptions-item">
              <div class="descriptions-container">
                <span class="descriptions-item-label">label</span>
                <span class="descriptions-item-content">content</span>
              </div>
            </td>
            <td class="descriptions-item">
              <div class="descriptions-container">
                <span class="descriptions-item-label">label</span>
                <span class="descriptions-item-content">content</span>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="yw-descriptions yw-descriptions-bordered">
    <div class="descriptions-header">
      user info
    </div>
    <div class="descriptions-view">
      <table>
        <tbody>
          <tr class="descriptions-row">
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
          </tr>
          <tr class="descriptions-row">
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content" colspan="3">
              <span>content</span>
            </td>
          </tr>
          <tr class="descriptions-row">
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
            <th class="descriptions-item-label">
              <span>label</span>    
            </th>
            <td class="descriptions-item-content">
              <span>content</span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<style scoped>

</style>